import RoutesList from './routes-list.mdx';

You can use `useAuthenticator` hook to access `route` string that represents the current `authState`. They can be one of:

<RoutesList />

```jsx
import { useAuthenticator } from '@aws-amplify/ui-react-native';

const App = () => {
  const { route } = useAuthenticator(context => [context.route]);

  // Use the value of route to decide which page to render
  return route === 'authenticated' ? <Home /> : <Authenticator />;
};
```
